<!--<meta http-equiv="refresh" content="1"/>-->
<link href="__PUBLIC__/Home/css/sane.css"  type="text/css" rel="stylesheet"/>
<script src="__PUBLIC__/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/layer/layer.js" type="text/javascript"></script>
<link href="__PUBLIC__/css/bootstrap.css"  type="text/css" rel="stylesheet"/>
<script src="__PUBLIC__/js/bootstrap.js" type="text/javascript"></script>
<script src="__PUBLIC__/Home/js/readCourse.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/jquery.js" type="text/javascript"></script>
<div class="c-main-left-content">
    <div class="con_title">
        <h3>阅读历程</h3>
    </div>

    <div class="box_box">
        <!--选项--->
        <div id="header-2">
            <ul class="ttt">
                <li class="about">借阅历程</li>
                <li class="jiaru">购买历程</li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="container-1 " id="contation">
            <div class="tabCont">
                <!--借阅历程-->
                <div class="tabpart1" id="con_margin">
                    <div class="con_left">
                        <div class="z_left"></div>
                    </div>
                    <div class="con_right">
                        <div class="zz_right"></div>
                    </div>
                    <div class="con_center">
                        <span>阅读时间轴</span>
                    </div>
                    <div class="course_box">
                        <volist name="_getBorrowInfoById" id="vo">
                            <div class="message_box" id="height_height">
                                <div class="mess_box_box">
                                    <span>借阅时间：</span>
                                    <span>{$vo['borrow_time']|date='Y-m-d H:i:s',###}</span>
                                    <span>-</span>
                                    <span>{$vo['borrow_backtime']|date='Y-m-d H:i:s',###}</span>
                                    <div class="ifback_status">
                                        <span>状态：</span>
                                        <if condition="$vo['borrow_ifback'] eq 1">
                                            <span style="color: #255625">已归还</span>
                                        </if>
                                        <if condition="$vo['borrow_ifback'] eq 2">
                                            <span  style="color: red">未归还</span>
                                        </if>
                                        <if condition="$vo['borrow_ifback'] eq 3">
                                            <span style="color: #009f95">归还申请</span>
                                        </if>
                                    </div>
                                </div>
                                <div class="mess_info">
                                    <span>您</span>
                                    <volist name="_bookShowInfo" id="zo">
                                        <if condition="$vo['book_id'] eq $zo['book_id']">
                                            <span>在{$_libraryInfo['library_top_title']}借阅一本《{$zo['book_name']}》</span>
                                            <span>条形码：</span>
                                            <span>{$zo['book_barcode']}</span>
                                        </if>
                                    </volist>
                                </div>
                            </div>
                        </volist>
                    </div>
                </div>
                <!--购买历程-->
                <div class="tabpart1" id="con1_margin" >
                    <div class="con_left">
                        <div class="z_left"></div>
                    </div>
                    <div class="con_right">
                        <div class="zz_right"></div>
                    </div>
                    <div class="con_center">
                        <span>购买时间轴</span>
                    </div>
                    <div class="course_box">
                        <volist name="_getBookBuyInfo" id="fo">
                            <div class="message_box" id="height_height1">
                                <div class="mess_box_box">
                                    <span>购买时间：</span>
                                    <span>{$fo['buybook_time']|date='Y-m-d H:i:s',###}</span>
                                    <div class="ifback_status">
                                        <span>状态：</span>
                                        <if condition="$fo['book_status'] eq 1">
                                            <span style="color: #0070cc">订单提交</span>
                                        </if>
                                        <if condition="$fo['book_status'] eq 2">
                                            <span  style="color: #255625">订单确认</span>
                                        </if>
                                        <if condition="$fo['book_status'] eq 3">
                                            <span style="color: #ac2925">订单完成</span>
                                        </if>
                                    </div>
                                </div>
                                <div class="mess_info">
                                    <span>您</span>
                                    <span>在{$_libraryInfo['library_top_title']}购买一本价格：&nbsp;&nbsp;￥{$fo['book_price']}&nbsp;&nbsp;的《{$fo['book_name']}》</span>
                                    <span>支付方式：</span>
                                    <span>
                                        <if condition="$fo['buy_type'] eq 1">
                                            <span style="color: #0062b3">货到付款</span>
                                            <else/>
                                            <span style="color: #0062b3">银联支付</span>
                                        </if>
                                    </span>
                                </div>
                            </div>
                        </volist>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>